<template>
  <div>
    <h3>1、v-on 时间修饰符</h3>
    <div @click="clickTargetContainer">
      <el-button type="primary" @click.stop="clickTargetA">点我 stop 案例</el-button>
      <el-button type="primary" @click="clickTargetA">点我 无 stop 修饰</el-button>
    </div>

    <el-input v-on:keyup.enter="clickTargetA" v-model="age"></el-input>

    <input v-on:keyup.enter="clickTargetA" v-model="age">

  </div>

</template>


<script>
export default {
  data () {
    return {
      age: 20,

    }

  },
  methods: {


    clickTargetContainer () {

      console.log('父级容器点击事件触发')
    },



    clickTargetA () {
      console.log('按钮标签点击事件触发')
    }
  }
}
</script>